<template>
  <div>
    <h1>城市选择组件</h1>
    <!-- 
      v-model语法糖 
      本质是 :value 和 @input事件
     -->
    <h1>{{ cityId }}</h1>
    <!-- <hm-city-select :value="cityId" @input="cityId = $event"></hm-city-select> -->
    <hm-city-select v-model="cityId"></hm-city-select>
  </div>
</template>

<script>
import HmCitySelect from "./components/hm-city-select.vue";
export default {
  components: {
    HmCitySelect,
  },
  data() {
    return {
      cityId: "2",
    };
  },
};
</script>

<style>
</style>
